@import '../../config/base.scss';

.address-select{
    @include fixed(bottom 0 left 0 right 0 top 0);
    background:rgba(0,0,0,0.3);
    z-index:1999;

    &-box{
        @include absolute(bottom 0 left 0 right 0);
        height:4rem;
        overflow: hidden;
        background: #f8f8f8;
        z-index: 9999;
    }

    &-top{
        height:0.45rem;
        line-height: 0.45rem;
        padding:0 $gap;
        background-color: #F6F6F6;

        .link{
            font-size: 15px;
            color: #323232;
            font-weight: bold;
        }
    }

    &-list{
        width:100%;
        height: 3.55rem;
        overflow: auto;

        .address{
            padding:$gap;
            border-bottom:1px solid #ECECEC;

            .sign{
                display: inline-block;
                overflow: hidden;
                width: 0.4rem;
                margin-right: 0.08rem;
                vertical-align: top;

                span{
                    width: 0.4rem;
                    display: inline-block;
                    box-sizing: border-box;
                    border-radius: 4px;
                    text-align: center;
                }

                .pick{
                    border: 1px solid $base-green;
                    color:$base-green;
                }

                .delivery{
                    border: 1px solid $base-orange;
                    color:$base-orange;
                }
            }

            .detail{
                position: relative;
                display: inline-block;
                width: calc(100% - 48px);
                padding-right: 10px;

                p{
                    font-size: $fs-medium;
                    color:#353535;
                    margin-bottom: 7px;
                }

                span{
                    font-size: 13px;
                    color: #A8A8A8;
                }
            }

            .detail.active:after{
                content:'\e622';
                font-family: "iconfont";
                position:absolute;
                right:0;
                top:40%;
                font-size:16px;
                color: $base-green;
            }
        }

    }
}
